{% extends "D3hdvHdvBundle::layout.html.twig" %}
{% block title %}
Hdv - Coffre Compte jeu Diablo 3 {{ parent() }}
{% endblock %}
{% block body %}


{% block javascript %}
{% if D3Objets is defined %}	

  <script>
	
	  unevaleur={{ D3Objets|length }};
	  elemenselect=0;
	  finish=0;

	function liens_objets(title,num){
	
		elemselect=num;
		//var test= document.getElementById(num).style.display;

	
		for(i=0;i<={{ D3Objets|length }};i++)//jusqu'au nombre d'université
		{
		//var mySpan = document.getElementById(i);
			if(i == num )
			{	//alert('show #objet'+i);
				 //$('#objet'+i).popover('hide');
				//$('show #objet'+i).popover('show');
			}
			else
			{
				//alert('hide #objet'+i);
			        $('#objet'+i).popover('hide');
			}
		
		}
	}






window.onload = function(){
	
	for(i=0;i<=unevaleur;i++)
		{
		$(function (){ $("#objet" + i).popover(); });
		
		}
}


	
   
function callshow(id) {
	
    var id = id
	//alert(id);
   var DATA = 'id=' +id
    $.ajax({
        type: "POST",
        url: "{{ path('D3hdv_hdv_jeux_coffre_vente_objet')}}",
        data: DATA,
        cache: false,
        success: function(data){
           $('#vente').html(data);
	   $('#infos').modal('show');
        }
    });    
    return false;
}

/*$('#form_vendre_objet').submit(function(e) {

	alert("test");
    /*var url = $(this).attr("action");

    $.ajax({
        type: "POST",
        url: url, // Or your url generator like Routing.generate('discussion_create')
        data: $(this).serialize(),
        dataType: "html",
        success: function(msg){

            alert("Success!");

        }
    });

    return false;

});*/

</script>
{% endif %}



{% endblock javascript %}



<div class="modal hide" id="infos" >
  <div class="modal-header"> Vendre Objet<a class="close" data-dismiss="modal">×</a>
  </div>
  <div class="modal-body">
	<div id="vente"> 

	</div>	
  </div>
</div>	

{% if app.session.hasFlash('notice') %}
    <div class="flash-notice">
	<script>
        alert("{{ app.session.flash('notice') }}");
	</script>
    </div>
{% endif %}


 {% set i = 0 %} 
 {#{% set v ='<img src="{{ asset(\'bundles/d3hdvdiablo3/images/uploads/objetsmodele/\'~D3Objet.D3Objet.ObjetModele.image ) }}" width=300px height=300px />' %} 
 {{ v | raw }}#}


<!-- ################ LA bulle ############-->



<!-- ################ déclencheur ############-->
<!-- <a href="#"  id="plop" >test</a>
</br> -->

<!-- ############################################ -->






<center><span class="monTitre">Mon coffre</span></center>


		</br><img src="{{ asset('bundles/d3hdvhdv/images/piece_or.png') }}" width="42" height="39" /><span class="colorOr">{{ D3Coffre.pieceOr |number_format(0, '.', ' ')}}</span> &nbsp;&nbsp;&nbsp;&nbsp;<img src="{{ asset('bundles/d3hdvhdv/images/piece_argent.png') }}"  width="42" height="39" /><span class="colorArgent">{{ D3Coffre.argent|number_format(0, '.', ' ') }}</span></br></br>
		
		<h1> Arme / Armure</h1>
			
<table border="0" cellspacing="0" cellpadding="0">
		{% if D3Objets is defined %}	
				
			{% for D3Objet in D3Objets %}


				
					{% if i%4 == 0 %}<tr>{% endif %}




		
				
			<td id="objet{{ i }}" valign="top" width="200px">

<!-- ################ Bulle ############-->
<div id="bulle{{i}}" class="bulle" style="position: absolute; visibility: hidden;">
{% include 'D3hdvHdvBundle:Hdv:fenetreobjet.html.twig' with {'D3Objet' : D3Objet } %}
</div>
<!-- ######################################-->

<fieldset id="plop{{i}}" 
{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Inferieur" %}
class="backgroundNiveauRarete1 ">
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Normal" %}
class="backgroundNiveauRarete2 ">
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Superieur" %}
class="backgroundNiveauRarete3 ">
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Magique" %}
class="backgroundNiveauRarete4 ">
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Legendaire" %}
class="backgroundNiveauRarete5 ">
{% endif %}

<legend class="texte_legend">{{D3Objet.D3Objet.ObjetModele.nom }}</legend>

<img src="{{ asset('bundles/d3hdvdiablo3/images/uploads/objetsmodele/'~D3Objet.D3Objet.ObjetModele.image ) }}" alt="{{ D3Objet.D3Objet.ObjetModele.nom }}" class="img-polaroid" width=50px height=50px style="float:left;" />
					
					&nbsp;&nbsp;Niveau:<strong>{{D3Objet.D3Objet.ObjetModele.niveau }}</strong><br />
					&nbsp;&nbsp;<strong 
{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Inferieur" %}
class="colorNiveauRarete1 "
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Normal" %}
class="colorNiveauRarete2 "
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Superieur" %}
class="colorNiveauRarete3 "
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Magique" %}
class="colorNiveauRarete4 "
{% endif %}

{% if D3Objet.D3Objet.ObjetModele.Rarete.objetRarete == "Legendaire" %}
class="colorNiveauRarete5 "
{% endif %}
>{{ D3Objet.D3Objet.ObjetModele.Rarete.objetRarete }}</strong><br />			
					&nbsp;&nbsp;{% if D3Objet.D3Objet.ObjetModele.Type.objetType=="Arme" %}Dps{% else %}Armure{%endif%}:<strong style="font-size:1.2em;">{{ D3Objet.D3Objet.spe }}</strong><br />
					&nbsp;&nbsp;Type:{{D3Objet.D3Objet.ObjetModele.Type.objetType}}<br />
						
						<div align="right"><a href="#" onclick="callshow(this.id);" id="{{D3Objet.D3Objet.id}}" ><img src="{{ asset('bundles/d3hdvhdv/images/bourse_vendre3.png') }}" /> </a></div>
					
</fieldset>
</td>
				{% if ((i+1)%4) == 0 %}</tr>{% endif %}
			
<script>

			jQuery(document).ready(function(){
			   $(document).mousemove(function(e){
				  $('#bulle{{i}}').css({
					top: e.pageY-150,
					left: e.pageX+20,
					width: 'auto',
					height: 'auto'
				    });
			   }); 
			})


		/* ################## Jquery declencheur ####################### */
		


		$("#plop{{i}}").mouseover(function(e){
		//alert("merde");
			var x = e.pageX - this.offsetLeft;
			var y = e.pageY - this.offsetTop;
			$('#bulle{{i}}').css("visibility","visible");

		   });
		function close() {
		     document.getElementById("bulle{{i}}").style.visibility = 'hidden';
		}

		$("#plop{{i}}").mouseout(function(e){
			$('#bulle{{i}}').css("visibility","hidden");
		   });

		/* ##################################################### */

		</script>

				{% set i = i + 1 %}
			
		{% endfor %}
		</table> 	
		{% endif %}

		
		
		{% if last_page > 1 %}

			<ol>
			  {% for page in 1..last_page %}
				  {% if page == current_page %}
				  	{{ page }}
				  {% else %}
				  	<a id="page" href="{{ path('D3hdv_hdv_jeux_coffre', { 'page': page }) }}">{{ page }}</a>
				  {% endif %}
			  {% endfor %}
			</ol>

		{% endif %}
		      <div class="pagination_desc"> <strong>{{ total_objet }}</strong> Objet(s) trouvé(s)
			 
		{% if last_page > 1 %}
			- page <strong>{{ current_page }}/{{ last_page }}</strong> {% endif %} </div>


{% endblock %}




